(function() {
    window.onload = function() {
        $('.LoadingWrap').fadeOut();
        myChoice();
        myCancleAlert();
        myIntroduceAlert();
        myJudge();
    };
    /*点击组别出现相应的不了解组别tab*/
    function myChoice() {
        var oTypeBtns = document.getElementById('signupBtn');
        var aTypeBtns = oTypeBtns.getElementsByTagName('input');
        var oIntroduceWrap = document.getElementById('introduceWrap');
        for (i = 0; i < aTypeBtns.length; i++) {
            aTypeBtns[i].index = i;
            aTypeBtns[i].onclick = function() {
                //如果上一个点击生成的tab存在，则移除
                if (document.getElementById('introduceUs')) {
                    oIntroduceWrap.removeChild(document.getElementById('introduceUs'));
                }
                for (i = 0; i < aTypeBtns.length; i++) {
                    aTypeBtns[i].className = 'inactive';
                }
                this.className = "active";
                //点击出现相应tab
                var oIntroduceUs = document.createElement("a");
                oIntroduceUs.id = "introduceUs";
                oIntroduceUs.setAttribute("data-index", this.index);
                oIntroduceWrap.appendChild(oIntroduceUs);
                oIntroduceUs.innerHTML = "不了解" + this.value + "？";
                myIntroduceAlert();
            };
        }
    }
    /* 详情弹窗*/
    function myIntroduceAlert() {
       /* 组别介绍*/
        var M = ["<p class='typeName'>设计组</p> <p class='typeIntroduce'>脸色苍白、面无表情、黑眼圈、僵硬的肢体（与吸血鬼、僵尸特征相似）。但是我们爱设计，爱生活，爱天马行空的想象。熬了无数的夜就是脸色苍白、面无表情、黑眼圈、僵硬的肢体（与吸血鬼、僵尸特征相似）。但是我们爱设计，爱生活，爱天马行空的想象。熬了无数的夜就是脸色苍白、面无表情、黑眼圈、僵硬的肢体（与吸血鬼、僵尸特征相似）。但是我们爱设计，爱生活，爱天马行空的想象。熬了无数的夜就是脸色苍白、面无表情、黑眼圈、僵硬的肢体（与吸血鬼、僵尸特征相似）。但是我们爱设计，爱生活，爱天马行空的想象。熬了无数的夜就是脸色苍白、面无表情、黑眼圈、僵硬的肢体（与吸血鬼、僵尸特征相似）。但是我们爱设计，爱生活，爱天马行空的想象。熬了无数的夜就是脸色苍白、面无表情、黑眼圈、僵硬的肢体（与吸血鬼、僵尸特征相似）。但是我们爱设计，爱生活，爱天马行空的想象。熬了无数的夜就是</p>", "<p class= 'typeName'>前端组</p><p class='typeIntroduce'>前端前端</p>", "<p class= 'typeName'>后台组</p><p class='typeIntroduce'>后台后台</p>", "<p class= 'typeName'>运营组</p><p class='typeIntroduce'>运营运营</p>"];
        var oTypeBtns = document.getElementById('signupBtn');
        var aTypeBtns = oTypeBtns.getElementsByTagName('input');
        var oIntroduceTab = document.getElementById('introduceUs'); //获取tab
        var oIndex = oIntroduceTab.getAttribute('data-index'); //获取tab属性index
        oIndex = Number(oIndex);
        var p = [];

        /*点击相应tab，第一个出现为相应介绍*/
        oIntroduceTab.onclick = function(argument) {
            for (i = 0; i < aTypeBtns.length; i++) {
                p[i] = M[(i + oIndex) % aTypeBtns.length];//循环取余
            }
            /*遮罩层*/
            var oMask = document.createElement("div");
            oMask.id = "mask";
            document.body.appendChild(oMask);
            console.log(document.getElementById("mask"));
            /*弹出框*/
            var oDetailAlert = document.createElement("div");
            oDetailAlert.id = "detailAlert";
            oDetailAlert.className="moveIn";
            document.body.appendChild(oDetailAlert);
            oDetailAlert.innerHTML = "<img src='img/关闭.png' alt='关闭按钮' id='close1'/><div class='swiper-container'><div class='swiper-wrapper'><div class='swiper-slide'>" + p[0] + "</div><div class='swiper-slide'>" + p[1] + "</div><div class='swiper-slide'>" + p[2] + "</div><div class='swiper-slide'>" + p[3] + "</div></div><div class='swiper-pagination'></div></div></div>";
            console.log(oDetailAlert);
            /* 禁止默认事件*/
            oMask.addEventListener('touchmove', function(event) {　　 //监听滚动事件
                　　　　　　　　　　　　　　　　　　　　　　　　　　　
                event.preventDefault();　　　　　　　　　　　　　　　　　　　 //禁止浏览器默认行为
            });
            myDeatilSwiper();
            var oClose1 = document.getElementById('close1');
            oClose1.onclick = function() {
                document.body.removeChild(oMask);
                document.body.removeChild(oDetailAlert);
            };
        };
    }
    /*详情窗口滑动*/
    function myDeatilSwiper() {
        var mySwiper = new Swiper('.swiper-container', {
            loop: true,
            // 如果需要分页器
            pagination: '.swiper-pagination',
        });
    }
    /*是否取消报名*/
    function myCancleAlert() {
        var oIfCancleBtn = document.getElementsByClassName('cancle')[0];
        oIfCancleBtn.onclick = function() {
            /*遮罩层*/
            var oMask = document.createElement("div");
            oMask.id = "mask";
            document.body.appendChild(oMask);
            oMask.addEventListener('touchmove', function(event) {　　 //监听滚动事件
                　　　　　　　　　　　　　　　　　　　　　　　　　　
                event.preventDefault();　　　　　　　　　　　　　　　　　　　 //禁止浏览器默认行为
            });
            /*弹出框*/
            var oIfCancleAlert = document.createElement("div");
            oIfCancleAlert.id = "giveupAlert";
            oIfCancleAlert.className="moveIn";
            document.body.appendChild(oIfCancleAlert);
            oIfCancleAlert.innerHTML = "<img src='img/关闭.png' alt='关闭按钮' id='close2'/><div class='giveupAlertContent'><p >是否放弃<br />编辑/上传报名表</p><div class='giveupAlertBtns'><input type='button' class='giveupBtn' value='放弃' /><input type='button' class='cancleBtn' value='取消' /></div></div>";
            var oClose = document.getElementById('close2');
            var oCancle = document.getElementsByClassName('cancleBtn')[0];
            var oGiveup=document.getElementsByClassName('giveupBtn')[0];
            
            oGiveup.onclick = function (){
                document.body.removeChild(oMask);
                document.body.removeChild(oIfCancleAlert);
                document.getElementById('signupForm').reset();
                document.getElementById('signupImg').src="img/edit/图片位置.png";
                 window.location.href="index.html";
            };

            oCancle.onclick = oClose.onclick = function() {
                document.body.removeChild(oMask);
                document.body.removeChild(oIfCancleAlert);
            };
        };
    }
    /*点击完成按钮诗对输入的判断*/
    function myJudge(){
        var oCompletedBtn=document.getElementsByClassName('completed')[0];
        console.log(oCompletedBtn);
        var oName=document.getElementById('Username');
        var oCollege=document.getElementById('Usercollege');
        var oNumber=document.getElementById('Usernumber');
        var oSignupBrief=document.getElementById('signupBrief');

        /*点击完成按钮*/
        oCompletedBtn.onclick=function(){
            var filter=/^1\d{10}$/; 
            if(oName.value==""){

                myJudgeAlert("“你叫啥名字呢？”","请填写完整基本信息");
            }else if(oCollege.value==""){
                 myJudgeAlert("“你是哪个学院呢？”","请填写完整基本信息");
            }else if(oNumber.value==""){
                 myJudgeAlert("“你的联系方式呢？”","请填写完整基本信息");
            }else if(!(filter.test(oNumber.value))){
                myJudgeAlert("“请输入正确的手机号码”","填写的手机号码有误");
            }else if(oSignupBrief.value==""){
                myJudgeAlert("“做一下自我介绍吧！”","请填写简介");
            }
            else{
                $('.LoadingWrap').fadeIn();
                var UpData = new FormData(document.getElementById('signupForm')),
                    oChoiceGroup = document.getElementsByClassName('active')[0];
                UpData.append("group", oChoiceGroup.value);
                //Ajax
                $.ajax({
                  url: 'http://www.ustopmoving.xin/api/application',
                  type: 'POST',
                  data: UpData,
                  contentType: false,
                  processData: false,
            
                  success: function (data, status) {

                    console.log(data +':'+ status);
                    alert("报名成功");
                    $('.LoadingWrap').fadeOut();
                    window.open('index.html','_self');

                  },
                  fail: function (err, status) {
                    console.log(err);
                  }
                });
            }
            
              
        };
    }
    function myJudgeAlert(Msg,MsgHead){
         /*遮罩层*/
            var oMask = document.createElement("div");
            oMask.id = "mask";
            document.body.appendChild(oMask);
            oMask.addEventListener('touchmove', function(event) {　　 //监听滚动事件
                　　　　　　　　　　　　　　　　　　　　　　　　　　
                event.preventDefault();　　　　　　　　　　　　　　　　　　　 //禁止浏览器默认行为
            });
              /*弹出框*/
            var oJudgeAlert = document.createElement("div");
            oJudgeAlert.id = "judgeAlert";
            oJudgeAlert.className="moveIn";
            document.body.appendChild(oJudgeAlert);
            oJudgeAlert.innerHTML = "<img src='img/关闭.png' alt='关闭按钮' id='close3'/><div class='judgeAlertContent'><p>"+MsgHead+"</p><p id='judgeMsg'>"+Msg+"</p><input type='button' class='judgeBtn' value='好的，我知道了' /></div>";
            var oClose = document.getElementById('close3');
            var oOkBtn=document.getElementsByClassName('judgeBtn')[0];
           oOkBtn.onclick=oClose.onclick = function() {
                document.body.removeChild(oMask);
                document.body.removeChild(oJudgeAlert);
            };
            
    }

   
})();